<template>
	<!-- 搜索选择公用 
		必填项： data_sup        选择列表
				data_sup_total  请求数据总条数
				fetching        等待加载
				（事件，返回给父件）
				searchBuyer     输入框值改变
				popupScroll     下拉框滚动
				select          选中值
	-->
	<a-select 
		placeholder="输入搜索..."
		:showSearch='true'
		:showArrow="false"
		:filterOption="false"
		@search="searchBuyer" 
		@select='select'
		:notFoundContent="fetching ? undefined : '暂无数据，尝试输入关键字'"
		@popupScroll='popupScroll($event)'

	>
		<a-spin v-if="fetching" slot="notFoundContent" size="small"/>
		<a-select-option v-for="d in data_sup" :key="d.code"  v-else>{{d.name}}</a-select-option>
	</a-select>

</template>

<script >
	export default {
		name:'loadSelect',
		props:{
			fetching:{
				type:Boolean,
				default:false
			},
			data_sup:{
				type:Array,
				default:[]
			},
			data_sup_total:{
				type:Number,
				default:null
			}
		},
		data(){
			return {
				 
			}
		},
		created(){ 
		},
		methods:{
			searchBuyer(value) {
				// console.log(value)
				this.$emit('search',value)
			},
			popupScroll(e){
		      	// console.log(e.target.scrollTop,e.target.offsetHeight,e.target.scrollHeight)
		      	//如果已经全部请求完毕， 就不再调用这个函数
		      	if(this.data_sup_total == this.data_sup.length){
		      		return false
		      	}
		      	if(e.target.scrollTop + e.target.offsetHeight == e.target.scrollHeight){
		      		this.$emit('scroll')
		      	}
		    },
		    select(val){
		      	this.$emit('valueChange',val)
		    },
		}
	}
</script>